<div data-page="moviesearchlib" class="page">
    <!-- Search bar -->
    <form class="searchbar searchbar-init cinemamoviesearchbar-film">
        <div class="searchbar-input">
            <input type="search" placeholder="搜索影片">
            <a href="#" class="searchbar-clear"></a>
        </div>
        <a href="#" class="searchbar-cancel">取消</a>
        <div>
            <p><a href="#" data-panel="right" class="button open-panel"
                  style="margin-left:10px;background-color:white;border-color:white">筛选</a></p>
        </div>
    </form>

    <div class="page-content movie-infinite-scroll">
        <div class="list-block media-list searchbar-found">
            <div class="list-group cinema-group movie-group">
                <ul class="moviesearch nobackground" data-indexCode="{{index}}">
                    {{#with data.rows}}
                        {{#each this}}
                            <li>
                                <a href='moviesearchdetail?mid={{mid}}' data-ignore-cache="true">
                                    <div class="item-content">
                                        <div class="item-media"><img
                                                src="http://cdn.bestmovie.com.cn/MOVIE/{{mid}}/POSTER/{{mid}}.jpg"
                                                onerror="this.src='http://cdn.bestmovie.com.cn/wechat/img/movieNull.jpg'"
                                                width="90" height="120">
                                        </div>
                                        <div class="item-inner" style="margin-left: 15px">
                                            <div class="item-title-row">
                                                <div class="item-title">{{movie_name}}</div>
                                                <div class="item-after"><b style="color:red">{{score}}</b>
                                                </div>
                                            </div>
                                            <div class="item-subtitle">
                                                <div class="overhide" style="margin-top: 20px">导演:{{director}}
                                                </div>
                                                <div class="overhide">演员:{{cast}}</div>

                                                <div class="kinddiv row">
                                                    <a href="#" class="kind col-35 movieType open-popover"
                                                       data-popover=".popover-movieType"
                                                       style="background-color: #03a9f4 ;max-width: 6em;display:-moz-inline-box;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;border: none;color: white">
                                                        {{ category}}</a>
                                                    <a href="#" class="kind col-35 movieType open-popover"
                                                       data-popover=".popover-movieType"
                                                       style="background-color: #8bc34a ;max-width: 6em;display:-moz-inline-box;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;border: none;color: white">
                                                        {{country}}</a>
                                                    <a href="#" class="kind col-30 movieType open-popover"
                                                       data-popover=".popover-movieType"
                                                       style="background-color: #5856d6 ;max-width: 6em;display:-moz-inline-box;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;border: none;color: white">
                                                        {{publishdate}}</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </a></li>
                        {{/each}}
                    {{/with}}
                </ul>
            </div>
        </div>

        <!-- 加载提示符 -->
        <div class="movie-infinite-scroll-preloader infinite-scroll-preloader">
            <div style="color: gray;padding:auto">上拉加载更多</div>
        </div>
    </div>
</div>

